<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:ui="http://java.sun.com/jsf/facelets"> 
    <h:head>
        <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
        <title>SISTEMA DE CONTROLE DE ESCALA DE SERVIÇO</title>
        <link href="css/principal.css" rel="stylesheet" type="text/css" />
        <script type="text/javascript">
            PrimeFaces.locales['pt'] = {
                closeText: 'Fechar',
                prevText: 'Anterior',
                nextText: 'Próximo',
                currentText: 'Começo',
                monthNames: ['Janeiro','Fevereiro','Março','Abril','Maio','Junho','Julho','Agosto','Setembro','Outubro','Novembro','Dezembro'],
                monthNamesShort: ['Jan','Fev','Mar','Abr','Mai','Jun', 'Jul','Ago','Set','Out','Nov','Des'],
                dayNames: ['Domingo','Segunda','Terça','Quarta','Quinta','Sexta','Sábado'],
                dayNamesShort: ['Dom','Seg','Ter','Qua','Qui','Sex','Sáb'],
                dayNamesMin: ['D','S','T','Q','Q','S','S'],
                weekHeader: 'Semana',
                firstDay: 1,
                isRTL: false,
                showMonthAfterYear: false,
                yearSuffix: '',
                timeOnlyTitle: 'Só Horas',
                timeText: 'Tempo',
                hourText: 'Hora',
                minuteText: 'Minuto',
                secondText: 'Segundo',
                currentText: 'Data Atual',
                ampm: false,
                month: 'Mês',
                week: 'Semana',
                day: 'Dia',
                allDayText : 'Todo Dia'
            };
        </script>
       
    </h:head>
    <h:body>

        <div id="background-topo-gradiente">
            <div id="background-topo-imagem"></div>
        </div>


        <div align="center">
            <div id="tp2"></div>    

            <p:layout  style="min-width:1020px;max-width:1020px;min-height:600px">  

                <!--            <p:layoutUnit id="left" position="west" size="200" header="MENU" resizable="false" closable="false" collapsible="true">  
                                <ui:include src="menu.xhtml" />
                            </p:layoutUnit>  -->
                <p:layoutUnit id="central" position="center">  

                    <ui:insert name="centro">

                        <h:form id="form"> 
                            <p:growl id ="msg" showDetail="true"></p:growl>
                            <br/><br/><br/><br/><br/><br/>

                            <h:graphicImage url="/img/login.png"></h:graphicImage>
                            <p:panelGrid id="grid" columns="2" style="width: 40%;">  
                                <f:facet name="header">  
                                    Login
                                </f:facet> 

                                <h:outputLabel for="usuario" value="Usuário: *" />  
                                <p:inputText id="txtdesc" value="#{loginBean.professor.usuario}" requiredMessage="O campo Usuário é obrigatório" required="true" label="Descrição" />  

                                <h:outputLabel for="senha" value="Senha: *" />  
                                <p:password id="senha" value="#{loginBean.professor.senha}" requiredMessage="O campo Senha é obrigatório" required="true" label="Descrição" />  
                               

                                <f:facet name="footer">  
                                    <p:commandButton update=":form:msg" action ="#{loginBean.logar()}" value="Logar" />  
                                </f:facet>   
                            </p:panelGrid> 

                        </h:form>
                    </ui:insert>

                </p:layoutUnit>  

            </p:layout>  

        </div>

    </h:body>
</html>
